<template>
    <div class="flex row align-center center"  style="height: 100%;width: fit-content">
        <img @click="back" src="../assets/logo_color.svg" class="logo_img" alt="">
        <router-link to="/" class="web_name">飞鱼客栈</router-link>
    </div>
</template>

<script>
export default {
    name: "WebLogo",
    methods:{
        back(){
            this.$router.back()
        }
    }
}
</script>

<style scoped>
.logo_img {
    cursor: pointer;
    height: 100%;
}
.web_name {
    min-width: 60px;
    text-decoration: none;
    color: #304455;
    cursor: pointer;
    display: flex;
    align-items: center;
    height: 100%;
    font-family: "STXingkai", "STXinwei", "STKaiti", "STLiti", "Xingkai SC", "KaiTi", "Microsoft Yahei", "SimSun", serif;
    font-size: 30px;
}
</style>
